<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>背景</title>
	<style>
		/*  简写属性 值按序 background: #fff url('../../source/images/big5.jpg') no-repeat;
		background-color: #fff
		background-image: url('url')
		background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit
		background-attachment: scroll | fixed | local 
		background-position: * * ,  *可以是方向  可以是 百分比  可以是 具体的px值
		 */
		.box{
			width: 500px;
			height: 500px;
			background: url('../../source/images/big5.jpg') no-repeat;
			background-size: contain;
		}
		.mini-bg{
			width: 150px;
			height: 150px;
			background: url('../../source/images/xuebitu.png') no-repeat 0 0px;
		}
	</style>
</head>
<body>
	<div class="box"></div>
	<br>
	<div class="mini-bg"></div>
</body>
</html>